我有一个div，它可能会随着内容的添加或删除而溢出。然而，UI设计者不想要一个可见但不活动的滚动条(如overflow:scroll)，并且他们不希望内容布局在添加和删除滚动条时发生变化(如使用溢出:自动)。是否有办法获得这种行为，并考虑不同平台和浏览器上的不同滚动条。https://jsfiddle.net/qy9a2r00/1/ 最佳答案 尚无浏览器支持此属性(2021年)，但scrollbar-gutter是对此的建议解决方案。更新:2022-除Safari之外的所有现代浏览器都支持该属性。

我有一个div，它可能会随着内容的添加或删除而溢出。然而，UI设计者不想要一个可见但不活动的滚动条(如overflow:scroll)，并且他们不希望内容布局在添加和删除滚动条时发生变化(如使用溢出:自动)。是否有办法获得这种行为，并考虑不同平台和浏览器上的不同滚动条。https://jsfiddle.net/qy9a2r00/1/ 最佳答案 尚无浏览器支持此属性(2021年)，但scrollbar-gutter是对此的建议解决方案。更新:2022-除Safari之外的所有现代浏览器都支持该属性。

页面(live-version)(大致)由三部分组成:左侧边栏内容居中右侧边栏右侧边栏应该是可滚动的，所以我设置了overflow-y:scroll;right:-17px;简单地隐藏滚动条。Body,html有overflow-y:auto;。这样我就不必有两个滚动条(用于页面和右侧边栏)。问题:(仅在CHROME中，在版本62和63上测试)出于某种原因，在不同的机器上，chrome为我提供了两种不同的滚动条样式:Case1和Case2.所以基本上，对于情况1，右侧边栏滚动条是“绝对定位的”并且页面因此隐藏了17px本身，而对于情况2滚动条“相对定位”，页面隐藏滚动条占用的17px。

页面(live-version)(大致)由三部分组成:左侧边栏内容居中右侧边栏右侧边栏应该是可滚动的，所以我设置了overflow-y:scroll;right:-17px;简单地隐藏滚动条。Body,html有overflow-y:auto;。这样我就不必有两个滚动条(用于页面和右侧边栏)。问题:(仅在CHROME中，在版本62和63上测试)出于某种原因，在不同的机器上，chrome为我提供了两种不同的滚动条样式:Case1和Case2.所以基本上，对于情况1，右侧边栏滚动条是“绝对定位的”并且页面因此隐藏了17px本身，而对于情况2滚动条“相对定位”，页面隐藏滚动条占用的17px。

这是网站:http://joshnh.com/基本上，我有一些超宽的元素，这样它们看起来就好像是从屏幕的右侧出来的。然后我在body上使用overflow-x:hidden;来overflowhidden，但这并不会阻止页面在用户使用触控板或单击并拖动鼠标时水平滚动权利。网站是流动的，所以设置overflow-x:hidden;没问题，但必须在body/html上设置标签，而不是在内容包装器上，因为那样会破坏设计。我也在使用这个jQuery片段来尝试帮助:(function($){$(window).scroll(function(){$(window).scrollLeft(0);}

这是网站:http://joshnh.com/基本上，我有一些超宽的元素，这样它们看起来就好像是从屏幕的右侧出来的。然后我在body上使用overflow-x:hidden;来overflowhidden，但这并不会阻止页面在用户使用触控板或单击并拖动鼠标时水平滚动权利。网站是流动的，所以设置overflow-x:hidden;没问题，但必须在body/html上设置标签，而不是在内容包装器上，因为那样会破坏设计。我也在使用这个jQuery片段来尝试帮助:(function($){$(window).scroll(function(){$(window).scrollLeft(0);}

我使用fullpage.js来实现垂直和水平滚动。我希望在第2部分滚动时slider滑动。功能类似于此website这是我的代码:$(document).ready(function(){$('#fullpage').fullpage({sectionsColor:['#1bbc9b','#4BBFC3','#7BAABE','whitesmoke','#ccddff'],anchors:['firstPage','secondPage','3rdPage','4thpage','lastPage'],menu:'#menu',css3:true,loop:false,afterLoa

我使用fullpage.js来实现垂直和水平滚动。我希望在第2部分滚动时slider滑动。功能类似于此website这是我的代码:$(document).ready(function(){$('#fullpage').fullpage({sectionsColor:['#1bbc9b','#4BBFC3','#7BAABE','whitesmoke','#ccddff'],anchors:['firstPage','secondPage','3rdPage','4thpage','lastPage'],menu:'#menu',css3:true,loop:false,afterLoa

在我的元素中，我试图让tbody在IE8中滚动。我知道它可以通过将overflow:auto给tbody来滚动。但这在IE8中不起作用。为了使其在IE8中工作，tbody必须被赋予position:absolute(或者float:left到两个thead和tbody)。如果我使overflow:auto工作，那么我分配给th和td的宽度将被忽略。这反过来又不会让tr占据thead和tbody的整个宽度。因此，tr和tbody/thead之间有一个令人讨厌的空格。请测试这个demo在IE8中。(在firefox和chrome中运行良好)这是fiddle中的代码.这是我不能改变的严格点t

在我的元素中，我试图让tbody在IE8中滚动。我知道它可以通过将overflow:auto给tbody来滚动。但这在IE8中不起作用。为了使其在IE8中工作，tbody必须被赋予position:absolute(或者float:left到两个thead和tbody)。如果我使overflow:auto工作，那么我分配给th和td的宽度将被忽略。这反过来又不会让tr占据thead和tbody的整个宽度。因此，tr和tbody/thead之间有一个令人讨厌的空格。请测试这个demo在IE8中。(在firefox和chrome中运行良好)这是fiddle中的代码.这是我不能改变的严格点t